<template>
	<div>
		<div v-for="item in content">
			<div v-for="v in item">{{ v.label }}:{{ v.value }}</div>
		</div>
	</div>
</template>
<script>
export default {
  props: {
    value: {
      type: Array,
      required: true
    },
  },
  computed: {
  	content () {
  		let tmp = [];
  		for (let i in this.value) {
  			tmp[i] = [];
  			for (let j in this.value[i]) {
  				tmp[i].push({ label: this.map[j], value: j == 'count' ? this.value[i][j] : this.value[i][j] / 100 });
  			}
  		}
  		return tmp;
  	}
  },
  data () {
  	return {
  		map: {
  			count: '拒付笔数',
  			disFee: '收取费用',
  			rate: '拒付率',
  		}
  	}
  },
  mounted () {
    console.log(this.value)
  },
  methods: {
  }
}
</script>